<template>
  <div class="div">
    <div class="left">
      <blogleft :index="index" />
    </div>

    <div class="right">
      <blogcenter :index="index" />
    </div>
  </div>
</template>
<script>
import blogleft from "@/components/view/blogleft";
import blogcenter from "@/components/view/blogcenter";
export default {
  data() {
    return {
      index: this.$route.params.index,
    };
  },
  components: {
    blogleft,
    blogcenter
  },
  mounted(){

  },
  methods:{
  }
  

};
</script>
<style scoped>

.left {
  /* height: 800px;
  overflow: auto; */
 margin-top: 20px;
  margin-left: 20px;
  width: 200px;
  background-color: #161616;
  height: 780px;
  overflow: auto;

}
.left::-webkit-scrollbar {
  display: none;
}
.right {
  margin-top: 20px;
  margin-left: 20px;
  width: 60%;
  background-color: #161616;
  height: 780px;
  overflow: auto;
}
.right::-webkit-scrollbar {
  display: none;
}

.div {
  margin-top: 20px;
  height: 800px;
  background-color: #1e1e1e;
  display: flex;
  /* align-items: center; */
  justify-content: center;
}
</style>